/* 
    Document   : style
    Created on : Apr 18, 2013, 9:36:33 AM
    Author     : hoaitn
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.title{
	text-align:center;
}
#persei{
    background-color: #76A3E7;
    border: solid #5F94D7 2px;
    border-radius: 5px; 
    font-weight: bold;
}
.clear{
    clear: both;
}
.footer_show{
    float: left;
}
.left{
    float: left;
}
.right{
    float: left;
}
.ui-tooltip, .arrow:after {
background: #76A3E7;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 15%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}